<template>
  <view class="min-h-screen bg-gray-50">
    <!-- 页面标题 -->
    <view class="bg-white px-[32rpx] py-[24rpx] border-b border-gray-100">
      <view class="flex items-center">
        <!-- <view class="w-[40rpx] h-[40rpx] bg-[#41916c] rounded-full flex items-center justify-center mr-[16rpx]">
          <IconFont name="dongdong" size="20" color="#ffffff"></IconFont>
        </view> -->
        <text class="text-[36rpx] font-bold text-[#333333]">知情同意书</text>
      </view>
    </view>

    <!-- 内容区域 -->
    <view class="bg-white p-[32rpx] mb-[20rpx]">
      <view class="text-[28rpx] text-gray-700 leading-[1.8]">
        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">一、服务说明</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            本人/家属已充分了解护理服务的内容、目的、可能的风险和注意事项，自愿接受相关护理服务。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">二、知情内容</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 服务内容：包括生活护理、医疗护理、康复护理等服务。<br/>
            2. 服务人员：具备相关资质证书的专业护理人员。<br/>
            3. 服务时间：根据患者需求安排，确保服务质量。<br/>
            4. 收费标准：按照公示的收费标准执行。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">三、风险告知</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 护理过程中可能出现的不适反应。<br/>
            2. 个体差异可能导致的效果差异。<br/>
            3. 不可抗力因素可能影响服务质量。<br/>
            4. 患者配合度对服务效果的影响。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">四、权利与义务</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 有权了解服务内容和收费标准。<br/>
            2. 有权对服务质量提出意见和建议。<br/>
            3. 有义务配合护理人员工作。<br/>
            4. 有义务如实告知病情和特殊需求。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">五、隐私保护</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 严格遵守隐私保护规定。<br/>
            2. 未经同意不得泄露患者信息。<br/>
            3. 服务记录仅用于质量改进。<br/>
            4. 患者有权要求删除个人信息。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">六、争议处理</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 服务争议优先通过协商解决。<br/>
            2. 协商不成可通过法律途径解决。<br/>
            3. 保留向相关部门投诉的权利。<br/>
            4. 争议期间暂停相关服务。
          </text>
        </view>
      </view>
    </view>

    <!-- 底部按钮 -->
    <view class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-100 p-[24rpx] safe-area-bottom">
      <nut-button 
        type="primary" 
        size="large" 
        class="w-full bg-[#41916c] border-0"
        @tap="goBack"
      >
        我已了解并同意
      </nut-button>
    </view>
  </view>
</template>

<script setup lang="ts">
import { IconFont } from '@nutui/icons-vue-taro';
import Taro from '@tarojs/taro';

definePageConfig({
  navigationBarTitleText: '知情同意书',
  navigationBarBackgroundColor: '#ffffff',
  navigationBarTextStyle: 'black'
});

const goBack = () => {
  Taro.navigateBack();
};
</script>

<style>
.safe-area-bottom {
  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
}
</style> 